<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title>jSlider</title>
		<meta name="description" content="jSlider JS example">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="jSlider.min.css">
	</head>
	<body>
	
		<div class="jSlider" id="slider-example">
			<div><img src="images/photo1.jpg"></div>
			<div><img src="images/photo2.jpg"></div>
			<div><img src="images/photo3.jpg"></div>
			<div><img src="images/photo4.jpg"></div>
			<div><img src="images/photo5.jpg"></div>
			<div><img src="images/photo6.jpg"></div>
		</div>
		
		<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
		<script src="jquery.jSlider.min.js"></script>
		
		<script>
			$('#slider-example').sliderInit({
			  'navigation': 'hover', 
			  'indicator': 'always', 
			  'speed': 500, 
			  'delay': 5000, 
			  'transition': 'slide', 
			  'loop': true, 
			  'group': 1
			});		
		</script>
	</body>
</html>